<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<!--事件的发展趋势 ：  解耦合 代码分离   目的：团队化作战 降低不同能力之间的合作的彼此依赖-->

<!--//80年代之前-->
<button onclick ="alert('nihao')">你好</button>

<!--90年代分离-->
<button onclick ='testfn()'> dajia</button>//半分离


<!--2002年-->

<button id='btn'></button>//好处：分工/解耦和

<script>

    var btn = document.getElementById('btn')
    btn.onclick = function(){

    }


	function testfn()
	{
		alert('niha;');
	}
</script>



<button id="btn"> dajia</button>
</body>
</html>
<script>

	function testfn()
	{
		 alert('niha;');
	}
	
	var btn = document.getElementById('btn');
	btn.onclick = function()
	{
		alert('nihao');
	}
	
</script>